<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templatePersonaAdministrada.xhtml">
	<ui:define name="body">
	<h:form id="formFindProcess">
	<br/>
		
		<table width="90%" align="center" border="0">
			<tr>
				<td style="background: #03ACEC url('imagenes/reglaParte1.png'); border: #129948; width: 30%; text-align: center; font-family: Arial;">
					<font color="#494949" face="Calibri" size="4" style="font-weight: bold;"> 
					Paso 1<br/>
					Buscar Proceso
					</font>
				</td>
				<td style="background: #129948 url('imagenes/reglaParte2.png'); border: #129948; width: 30%; text-align: center;">
					<font color="#494949" face="Calibri" size="4" style="font-weight: bold;"> 
					Paso 2<br/>
					Buscar Proceso
					</font>
				</td>
				<td style="background: #129948 url('imagenes/reglaParte2.png'); width: 30%; text-align: center;">
					<font color="#494949" face="Calibri" size="4" style="font-weight: bold;"> 
					Paso 3<br/>
					Registro requisitos
					</font>
				</td>
			</tr>
		</table>
		
		<br/>
		
	
		<div>
			<p:panel header="Búsqueda de servicios" widgetVar="10" style="border: 0;">
				<br />
				<div align="center">
					<h:panelGrid columns="9" cellpadding="5">
						<h:outputText value="Buscar servicio por nombre: " />
						<h:inputText value="#{procesoBM.strBusqueda}" size="35" />

						<h:outputText value="y/o área:" />
						<h:selectOneListbox value="#{procesoBM.idComboAreas}" size="1"
							style="width:350px">
							<f:selectItem itemValue="-1"
								itemLabel="-- Seleccione un área de la entidad --" />
							<f:selectItems value="#{procesoBM.listarAreas}" />
						</h:selectOneListbox>

						<p:commandButton title="Empezar la búsqueda" id="btnBuscarResultFindProcess"
							actionListener="#{procesoBM.resultfindProcess}"
							update="formFindProcess:resultBusqueda msjA"
							style="background: url('images/botton/search.png') no-repeat;
												background-position: center bottom; width: 29px; 
												height: 29px; border:0"/>	
					</h:panelGrid>
				</div>
				<br />
				<p:dataTable var="p" value="#{procesoBM.lstProceso}"
					emptyMessage=" " id="resultBusqueda">
	
					<p:column>
						<f:facet name="header">
							<h:outputText value="Nombre del servicio" />
						</f:facet>
						<h:outputText value="#{p.nombreProceso}" />
					</p:column>
					
					<p:column>
						<f:facet name="header">
							<h:outputText value="Unidad de Gestión" />
						</f:facet>
						<h:outputText value="#{p.tbArea.descripcion}" />
					</p:column>
					
					
					<p:column>
						<f:facet name="header">
							<h:outputText value="Tipo" />
						</f:facet>
						<h:outputText value="#{p.tipoProceso}" />
					</p:column>

					<p:column style="text-align: center;" headerText="Tiempo de Atención">
						<h:outputText value="#{p.duracion} dias" />
					</p:column>
					<p:column style="text-align: center;" headerText="Costo S/.">
						<h:outputText value="#{p.costo}" />
					</p:column>
					<p:column id="direccionamiento_requisito" style="text-align: center;" headerText="Ver requisitos">

							<h:commandLink action="#{procesoBM.buscarProcesoDetalle}"
								title="Buscar">
								<f:param name="codProceso" value="#{p.idProceso}"
									id="codProceso" />
								<h:graphicImage url="images/botton/buscarProceso.png"
									title="Ver detalle del Proceso" style="border:0" />
							</h:commandLink>

					</p:column>
				</p:dataTable>
				<br />
				<br />



			</p:panel>
		</div>
	</h:form>
	</ui:define>
</ui:composition>